<%-- 
    Document   : login
    Created on : 11/05/2013, 04:36:08 PM
    Author     : vyamunaque
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="es-pe">
    <head>
        <meta charset="utf-8" />
        <link type="image/x-icon" rel="shortcut icon" href="img/favicon.ico">
        <link title="Estilos" rel="stylesheet" href="css/estilos.css">

        <title>Iniciar Sesión</title>
    </head>
    <body>
        <script type="text/javascript">
            function validarSubmit(){
                var textUser = document.getElementById("User").value;
                var textPass = document.getElementById("Passwd").value;
                if(textUser === "" || textPass === "") {
                    document.getElementById("errorLogin").innerHTML ="Debe de Ingresar Usuario y Contraseña";
                    document.getElementById("errorLogin").style.color="red";                    
                }
                else{
                    document.getElementById("errorLogin").innerHTML ="";
                    document.getElementById("frmLogin").submit();
                }
            }                
        </script>
            <div id="wrap">
                <div  align="center" style="padding-top:5%;padding-bottom:8%">
                        <a title="Back Home" href="http://logistas.com"><div class="logo"></div></a><br>
                                <table id="tbl_login" width="40%" cellspacing="0" cellpadding="6" border="0" align="center">
                                    <tbody>
                                        <tr>
                                            <td>
                                                <div class="login-box">
                                                    <form id="frmLogin" name="loginform" action="/Transporte/procesar" method="POST">                                                    
                                                    <h2>Acceder</h2>
                                                    <div class="user-div">
                                                        <label>
                                                            <strong class="user-label">Usuario</strong>
                                                        </label>
                                                        <input id="User" type="text" value="" name="usuario" required autofocus placeholder="Ingrese el usuario"/>
                                                    </div>
                                                    <div class="passwd-div">
                                                        <label>
                                                            <strong class="passwd-label">Contrase&#241a</strong>
                                                        </label>
                                                        <input id="Passwd" type="password" name="contrasena" required autofocus/>                                                       
                                                    </div>
                                                    <div align="center">
                                                        <input class="boton-submit" onclick="validarSubmit();" type="submit" value="  Enviar  ">
                                                    </div>
                                                     <label id="errorLogin"></label>
                                                    </form>
                                                </div>
                                                </td>
                                          </tr>
                                        </tbody>
                                </table>
                        </div>
        </div>
        <div id="footer">
                <div class="cnt-footer"> </div>
        </div>
    </body>
</html>
